<!--html5文档的标识-->
<!DOCTYPE html>
<html lang="en">
    <!--头部-->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!--正文-->
<body>
    Hello,html !
    <!-- 1.标题标签 -->
     <h1>百度一下</h1>
     <h2>百度一下</h2>
     <h3>百度一下</h3>
     <h4>百度一下</h4>
     <h5>百度一下</h5>
     <h6>百度一下</h6>
     <!-- 2.段落 -->
      <p>
        地图广告“无法关闭”？官方回应：与实际情况不符
华为首款阔折叠手机 Pura X 出货量已超 70 万台
小米主动召回近 15 万件充电宝，涉及过热燃烧风险
富士康加班生产 iPhone 17：员工 3 个月最高能赚 2.2 万
苹果新款AI聊天机器人 Asa 曝光，帮助零售员工销售 iPhone
NVIDIA AI 收入 1560 亿，一半多来自三大客户，客户信息并未公开
消息称谷歌早已完成自有品牌 AI 眼镜研发：广达负责原型设计、代工方为 HTC
特斯拉 Cyber SUV 首次预告，马斯克称公司未来约 80% 价值将源于 Optimus 擎天柱机器人
全美最大运营商 Verizon 多地服务一度中断数小时，官方承诺赔偿用户
谷歌：有关 Gmail 重大安全警告的说法不实
Anthropic 回应 Claude Opus 模型「降智」：已紧急回滚，承诺保障用户体验
微软推出 Copilot Labs，首个实验性工具“Copilot 音频表达”上线
腾讯混元最新开源翻译模型发布，在国际机器翻译比赛获得多个冠军
      </p>
<!-- 3.图片
    相对路径：相对于当前html文档去找图片资源 -->
      <img src="images/【哲风壁纸】2024-09-16 20_22_43.png" alt="图片1">
      <img src="images/【景观】2024-09-16 20_29_07.png" alt="图片2">
<!-- 4.超链接 -->
     <a href="http://www.baidu.com">百度一下</a>
     <a href="a.html">访问a页面</a>
    <a href="test/b.html">b页面</a>
    <!-- 5.图片超链接 -->
    <a href="test/b.html">
        <img src="images/lADPD3lGvGr0iX_NAzzNAzw_828_828.jpg" alt="">
    </a>
    <!-- 6.无序列表 -->
     <ul>
        <li>司法拍卖</li>
        <li>京东生鲜</li>
        <li>宠物管</li>
        <li>企业购</li>
     </ul>

     <!-- 文本标签 
        span少量文字标签 -->
      <span>￥29.9</span><br>
      <b>b-加粗</b><br>
      <i>i-文字斜体</i><br>
      <strong>strong-语气增强，加粗，比重较大</strong><br>
      <em>em-于其上强调一下，效果斜体</em><br>
      <label for="">输入框前面的提示语</label>

      <h2>表单</h2>
      <!-- 表单 form ： 注册， 登录，搜索引擎 ，新增收件地址，修改收件地址，修改个人信息
            type="text" 单行文本框
            type="password" 密码域
            type="radio" 单选按钮 checked 默认选中
            type="checkbox" 复选框
            select 下拉列表
      -->
    <form action="">
        <label for="">姓名：</label><input type="text"><br>
        <label for="">手机号：</label><input type="text"><br>
        <label for="">密码：</label><input type="password"><br>
        <label for="">性别：</label><input type="radio" name="gender" value="F" checked>男性
                                    <input type="radio" name="gender" value="M">女性
        <br>
        <label for="">学历:</label> <input type="radio" name="degree" value="博士">博士
                                    <input type="radio" name="degree" value="硕士">硕士                           
                                    <input type="radio" name="degree" value="undergraduate">本科                           
                                    <input type="radio" name="degree" value="Specialist">专科   
        <br>                            
        <label for=""> 美食：</label><input type="checkbox" name="food" >炸鸡                            
                            <input type="checkbox" name="food" >麻辣烫                            
                            <input type="checkbox" name="food" >馄饨                            
                            <input type="checkbox" name="food" >饺子                            
                            <input type="checkbox" name="food" >猪脚饭                            
        <br>
        <label for="">专业：</label><select name="" id="">
                               <option value="">计算机专业</option>
                               <option value="">金融</option>
                               <option value="">统计学</option>
                               <option value="">机械</option>
                            </select>
        <br>                    
        <label for="">邮箱： </label><input type="email"><br>                        
        <label for="">日期： </label><input type="date"><br>
        <label for="">上传文件（头像，身份证照片，文件。。。）</label><input type="file"><br>
        <label for="">数量：</label><input type="number" value="1"><br>
        <label for="">自我介绍</label><textarea  cols="50" rows="10"></textarea>
        <input type="button" value="普通按钮"><br>
        <input type="reset" value="重置按钮"> <br>
        <input type="submit" value="提交|保存|确定 按钮"> 
    </form>


</body>
</html>